<template>
  <div class="main">
     <h3 class="title">办理流程</h3>
     <div class="left">
        <ul>
            <li>
                <div class="round">初审</div>
                <div class="link">
                    <img src="@/assets/bllc/link1.png" alt="">
                </div>
            </li>
             <li>
                <div class="round">核验</div>
                <div class="link">
                    <img src="@/assets/bllc/link1.png" alt="">
                </div>
            </li>
              <li>
                <div class="round">复审</div>
                <div class="link">
                    <img src="@/assets/bllc/link1.png" alt="">
                </div>
            </li>
              <li>
                <div class="round">复审退办</div>
                <div class="link">
                    <img src="@/assets/bllc/link1.png" alt="">
                </div>
            </li>
             <li>
                <div class="round">办结</div>
                
            </li>
            
        </ul>
     </div>
     <div class="right">
        <el-table :data="dataList" style="width:736px">
        <el-table-column prop="department" label="办理部门" width="180"> </el-table-column>
        <el-table-column prop="people" label="办理人" width="180"> </el-table-column>
        <el-table-column prop="rtime" label="接收时间"> </el-table-column>
        <el-table-column prop="detailtime" label="办理时间"> </el-table-column>
        <el-table-column prop="blview" label="办理意见"> </el-table-column>
        </el-table>
     </div>
  
  </div>
</template>

<script>
export default {
    data() {
       return {
           dataList:[
             {
               department:'南昌市发展222',
               people:'管理员',
               rtime:"2021-5-26",
               detailtime:"2021-5-26",
               blview:"同意初审"

             }
               
           ]
       }
    }
};
</script>

<style lang="scss" scoped>
.main {
   .left{
     float: left;
     margin-right: 50px;
     margin-top:60px;
     ul li .round{
       width: 75px;
       height: 75px;
       line-height: 75px;
       text-align: center;
       border-radius: 100%;
       background-color: #0098FF;
       color: white;
       font-size:8px;
     }
     ul li {
       margin-bottom:30px;
     }
     .link{
       position: relative;
       img{
         position: absolute;
         top:0;
         left:50%;
         transform: translateX(-50%);
       }
     }
      
   }
   .right{
     float: right;
       width:1000px;
   }
    h3{
        text-align: center;
        margin-bottom:50px;
    }
  .el-table {
     margin: 0 auto;
  }
  .el-table .el-table-column{
     height: 80px;
  } 
}

</style>